<template>
  <div>
    <div class="top">
      <el-button v-for="(item,index) in btnStr" :key="index" type="primary" round style="width: 124px;height: 32px;margin-right: 10px">
        {{ item }}
      </el-button>
      <el-input
        size="medium"
        placeholder="管理员姓名"
        suffix-icon="el-icon-search"
        style="width:200px;height: 36px;margin-left: 30px"
      >
      </el-input>
    </div>
    <div class="bottom">
      <el-table ref="table" :data="tableData" size="small" style="width: 100%;">
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column prop="whereClinic" width="159" label="所属门诊"></el-table-column>
        <el-table-column prop="adminName" width="159" label="管理员姓名"></el-table-column>
        <el-table-column prop="adminPhone" width="159" label="管理员电话"></el-table-column>
        <el-table-column prop="adminType" width="159" label="管理员电话"></el-table-column>
        <el-table-column prop="sex" width="159" label="性别"></el-table-column>
        <el-table-column prop="createTime" width="159" label="创建时间"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: 'AdminList',
  data() {
    return {
      btnStr: ['新增集团管理员', '新增账单管理员', '编辑', '删除', '重置密码'],
      tableData: [{
        whereClinic: '北京美中宜和门诊',
        adminName: '刘静',
        adminPhone: '15010378372',
        adminType: '账单管理员',
        sex: '女',
        createTime: '2019.09.09'
      }, {
        whereClinic: '北京美中宜和门诊',
        adminName: '刘静',
        adminPhone: '15010378372',
        adminType: '账单管理员',
        sex: '女',
        createTime: '2019.09.09'
      }, {
        whereClinic: '北京美中宜和门诊',
        adminName: '刘静',
        adminPhone: '15010378372',
        adminType: '账单管理员',
        sex: '女',
        createTime: '2019.09.09'
      }, {
        whereClinic: '北京美中宜和门诊',
        adminName: '刘静',
        adminPhone: '15010378372',
        adminType: '账单管理员',
        sex: '女',
        createTime: '2019.09.09'
      }, {
        whereClinic: '北京美中宜和门诊',
        adminName: '刘静',
        adminPhone: '15010378372',
        adminType: '账单管理员',
        sex: '女',
        createTime: '2019.09.09'
      }, {
        whereClinic: '北京美中宜和门诊',
        adminName: '刘静',
        adminPhone: '15010378372',
        adminType: '账单管理员',
        sex: '女',
        createTime: '2019.09.09'
      }, {
        whereClinic: '北京美中宜和门诊',
        adminName: '刘静',
        adminPhone: '15010378372',
        adminType: '账单管理员',
        sex: '女',
        createTime: '2019.09.09'
      }]
    };
  }
};
</script>

<style scoped>
  .top{
    margin: 30px 0px 30px 20px;
  }
</style>
